<template>
  <div>
    <el-row :gutter="30">
      <el-col :span="1.5" class="statis" v-if="props.statistics?.orderCount != 0">
        <span>付款笔数：</span>
        <span class="statis_num">{{ props.statistics?.orderCount }}</span>
      </el-col>
      <el-col :span="1.5" class="statis" v-if="props.statistics?.orderAmount != 0">
        <span>付款金额：</span>
        <span class="statis_num">￥{{ props.statistics?.orderAmount }}</span>
      </el-col>
<!--      <el-col :span="1.5" class="statis" v-if="props.statistics?.serviceFee != 0">-->
<!--        <span>服务费：</span>-->
<!--        <span class="statis_num">￥{{ props.statistics?.serviceFee }}</span>-->
<!--      </el-col>-->
<!--      <el-col :span="1.5" class="statis" v-if="props.statistics?.rebate != 0">-->
<!--        <span>返佣金额：</span>-->
<!--        <span class="statis_num">￥{{ props.statistics?.rebate }}</span>-->
<!--      </el-col>-->
    </el-row>
  </div>
</template>

<script setup lang="ts" name="Statistics">
// 接收父组件的参数
const props = defineProps({
  statistics: Object,
});


onMounted(() => {
  // console.log(props.statistics);
});
</script>

<style scoped>
.statis {
  font-size: 15px;
  font-weight: bold;
}

.statis_num {
  color: #f00404;
}
</style>
